<template>
  <!-- Regard 关于我们 -->
  <PageContainer>
    <view class="container">
      <Header title="关于我们" :is-go-back="true" />
      <view class="regard">
        <!-- <img class="regard-img" src="https://hb-saas.obs.cn-south-1.myhuaweicloud.com/mall/saas/icon/logo.png" alt="" /> -->
      </view>
      <view class="regard-box">
        <view class="regard-name">
          <view>名称</view>
          <view>益家人</view>
        </view>
        <view class="regard-line"></view>
        <view class="regard-name">
          <view>当前版本</view>
          <view>V1.0.0</view>
        </view>
      </view>
    </view>
  </PageContainer>
</template>

<script lang="ts" setup>
  import PageContainer from '@/components/PageContainer/index.vue';
  import Header from '@/components/Header/index.vue';
  /**  Regard  关于我们 */
</script>

<style lang="scss" scoped>
  .regard {
    padding: 46px 98px 57px;
    background: #fff;
    .regard-img {
      width: 193px;
      height: 131px;
    }
  }
  .regard-box {
    padding: 20px 14px 19px 15px;
    margin-top: 15px;
    background: #fff;
    .regard-name {
      display: flex;
      flex-wrap: nowrap;
      color: #333;
      font-size: 14px;
      justify-content: space-between;
    }
    .regard-line {
      margin: 17px 0 16px;
      border-top: 1px solid #ddd;
    }
  }
</style>
